﻿@ModelType PERIODO
@Html.TituloHeader(String.Format("Periodo Evaluativo No. {0}", Model.PERIODO1.Substring(1)),
                   New With {.style = "margin-bottom: 8px; margin-top: 8px; text-align: center; width: 100%; max-width: none;"})
<div style="width:100%;">
    <div style="margin: 0 auto; width: 350px">
        @Html.TableReadOnlyFor("INFORMACIÓN GENERAL"
            ).AddField("Año Escolar", Model.ANIO_ESCOLAR, New JFOptionsFieldsReadOnly().SetHTMLAttributesValue(New With {.style = "text-align: center; color: #023D77; "}) _
                                                     .SetHTMLAttributesDisplay(New With {.style = "color: #6D6D6D;padding: 2px 12px;font-weight: bold;"})
            ).AddField("Periodo Activo", Model.PERIODO1, New JFOptionsFieldsReadOnly().SetHTMLAttributesValue(New With {.style = "text-align: center; color: #023D77; "}) _
                                                     .SetHTMLAttributesDisplay(New With {.style = "color: #6D6D6D;padding: 2px 12px;font-weight: bold;"})
            ).AddField("Fecha de Apertura", Model.F_APERTURA.Value.ToString("dd/MM/yyyy"), New JFOptionsFieldsReadOnly().SetHTMLAttributesValue(New With {.style = "text-align: center; color: #023D77; "}) _
                                                     .SetHTMLAttributesDisplay(New With {.style = "color: #6D6D6D;padding: 2px 12px;font-weight: bold;"})
            ).AddField("Hora de Apertura", Model.F_APERTURA.Value.ToString("hh:mm tt"), New JFOptionsFieldsReadOnly().SetHTMLAttributesValue(New With {.style = "text-align: center; color: #023D77; "}) _
                                                     .SetHTMLAttributesDisplay(New With {.style = "color: #6D6D6D;padding: 2px 12px;font-weight: bold;"})
            ).AddField("Fecha de Cierre", Model.F_CIERRE.Value.ToString("dd/MM/yyyy"), New JFOptionsFieldsReadOnly().SetHTMLAttributesValue(New With {.style = "text-align: center; color: #023D77; "}) _
                                                     .SetHTMLAttributesDisplay(New With {.style = "color: #6D6D6D;padding: 2px 12px;font-weight: bold;"})
            ).AddField("Hora de Cierre", Model.F_CIERRE.Value.ToString("hh:mm tt"), New JFOptionsFieldsReadOnly().SetHTMLAttributesValue(New With {.style = "text-align: center; color: #023D77; "}) _
                                                     .SetHTMLAttributesDisplay(New With {.style = "color: #6D6D6D;padding: 2px 12px;font-weight: bold;"})
        )

        <div style="margin:15px auto; width: 260px;">
            @Html.ButtonJerti("btnClosePeriodo", "¿Desea cerrar el periodo evaluativo?"
                              ).SetIcon("delete-icon"
                              ).SetURL(Url.Action("_action_close_periodo_eva_ae", "Periodos"))
        </div>
    </div>
</div>

<script type="text/javascript">
    $(function () {
        $('#btnClosePeriodo').on('click', function () {
            if (confirm("¿Está seguro que desea cerrar este periodo evaluativo?\n\nUna vez cerrado el periodo, el sistema calculara de manera automática el promedio del periodo y lo guardara en el sistema; dando como resultado la DENEGACION DE PODER EDITAR LAS NOTAS UNA VEZ CERRADO EL PERIODO.\nPor favor, asegúrese que todos los profesores hayan ingresado todas las notas para evitar inconvenientes.")) {
                $.bloquearUI();
                $.ajax({ url: $(this).attr('data-jerti-url'), type: "POST" })
                    .done(function (a) {
                        $.handlerAjaxDone(a);
                        if (a.success == true) $('#status-periodo').loadPartialView();
                    })
                    .fail($.handlerAjaxFail)
                    .always($.handlerAjaxAlways);
            }
        });
    });
</script>
